<div style="height: 500px;overflow: auto;">
  <p-tabView>
    <p-tabPanel header="基本信息">
      <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
        <div class="row">
          <div class="form-group col-md-8">
            <label for="supplierUnit">申请单编号： </label>
            <label>{{ _processingDeliveryDto.requisitionCode}}</label>
          </div>
        </div>
        <div class="row">
          <div class="form-group col-md-8">
            <label for="supplierUnit">生产单位： </label>
            <label>{{ _processingDeliveryDto.productionUnit}}</label>
          </div>
        </div>
        <div class="row">
          <div class="form-group col-md-8">
            <label for="supplierUnit">供方单位： </label>
            <label>{{ _processingDeliveryDto.supplierUnit}}</label>
          </div>
        </div>
      </div>
    </p-tabPanel>
    <p-tabPanel header="申请内容">
      <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
        <div class="align-items-center">
          <!--<Primeng-TurboTable-Start>-->
          <div class="primeng-datatable-container">
            <p-table #dataTable [value]="primengTableHelper.records"
              rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true"
              sortField="code" [scrollable]="true" ScrollWidth="100%" [responsive]="primengTableHelper.isResponsive"
              [resizableColumns]="primengTableHelper.resizableColumns">
              <ng-template pTemplate="header">
                <tr>
                  <th style="width: 150px">
                    任务号
                  </th>
                  <th style="width: 150px">
                    产品图号
                  </th>
                  <th style="width: 150px">
                    产品名称
                  </th>
                  <th style="width: 120px">
                    验收数量
                  </th>
                  <th style="width: 130px">
                    验收日期
                  </th>
                  <th style="width: 100px">
                    合格数量
                  </th>
                  <th style="width: 100px">
                    超差数量
                  </th>
                  <th style="width: 100px">
                    报废数量
                  </th>
                  <th style="width: 200px">
                    质控卡编号
                  </th>
                  <th style="width: 120px">
                    是否逾期
                  </th>
                  <th style="width: 120px">
                    逾期天数
                  </th>
                  <th style="width: 200px">
                    备注
                  </th>
                </tr>
              </ng-template>
              <ng-template pTemplate="body" let-record let-columns="columns">
                <tr>
                  <td style="width: 150px">
                    {{record.taskCode}}
                  </td>
                  <td style="width: 150px">
                    {{record.picNo}}
                  </td>
                  <td style="width: 150px">
                    {{record.taskName}}
                  </td>
                  <td style="width: 120px">
                    {{record.deliveryAmount}}
                  </td>
                  <td style="width: 130px">
                    {{record.deliveryDate | momentFormat:'L'}}
                  </td>
                  <td style="width: 100px">
                    {{record.passedAmount}}
                  </td>
                  <td style="width: 100px">
                    {{record.quantityAmount}}
                  </td>
                  <td style="width: 100px">
                    {{record.noPassedAmount}}
                  </td>
                  <td style="width: 200px">
                    {{record.qualityControlCardNo}}
                  </td>
                  <td style="width: 120px">
                    <span *ngIf="record.isOverdue == true" class="label m-badge m-badge--success m-badge--wide"
                      data-toggle="tooltip" title="是" data-placement="top">
                      是
                    </span>
                    <span *ngIf="record.isOverdue == false" class="label m-badge m-badge--metal m-badge--wide"
                      data-toggle="tooltip" title="否" data-placement="top">
                      否
                    </span>
                  </td>
                  <td style="width: 120px">
                    {{record.overdueDay}}
                  </td>
                  <td style="width: 200px">
                    {{record.remarks}}
                  </td>
                </tr>
              </ng-template>
            </p-table>
            <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">
              {{'NoData' | localize}}
            </div>
            <div class="primeng-paging-container">
              <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                [totalRecords]="primengTableHelper.totalRecordsCount"
                [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">

              </p-paginator>
              <span class="total-records-count">
                {{'TotalRecordsCount' | localize:primengTableHelper.totalRecordsCount}}
              </span>
            </div>
          </div>
          <!--<Primeng-TurboTable-End>-->
        </div>
      </div>

    </p-tabPanel>
    <p-tabPanel header="审批记录">
      <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
        <app-flowApprovalRecord workflowid="{{workflowid}}"></app-flowApprovalRecord>
      </div>
    </p-tabPanel>
  </p-tabView>
</div>
<div class="row" style="display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;">
  <button [disabled]="saving" type="button" class="btn btn-primary2" (click)="audityes()">
    <i class="fa fa-save"></i> 同意
  </button>
  <button type="button" (click)="auditno()" class="btn btn-danger" [buttonBusy]="saving">
    <span>不同意</span>
  </button>
</div>
